<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>点点滴滴</title>
		<link rel="stylesheet" type="text/css" href="bootstarp/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="bootstarp/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body style="background-color: #efefef;">
		<!-- header start -->
		<div class="navbar navbar-default clear-bottom">
			<div class="container">
				<!-- logo start -->
				<div class="navbar-header">
					<a class="navbar-brand logo-style" href="/">
						<img class="brand-img" src="img/logo.png" alt="点点滴滴">
					</a>
				</div>
				<!-- logo end -->
				<!-- navbar start -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li>
							<a href="index.html">游记</a>
						</li>
						<li>
							<a href="jieban.html">结伴而行</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
								预留链接 <span class="caret"></span>
							</a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">预留链接</a>
								</li>
							</ul>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li>
							<a href="login.html">登陆</a>
						</li>
						<li>
							<a href="login.html">注册</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle user-active" data-toggle="dropdown" role="button">
								<img class="img-circle" src="img/user.jpeg" />
								<span class="caret"></span>
							</a>
							<ul class="dropdown-menu">
								<li>
									<a href="sendyouji.html">
										<i class="glyphicon glyphicon-edit"></i> 发布游记
									</a>
								</li>
								<li>
									<a href="sendjieban.html">
										<i class="glyphicon glyphicon-edit"></i> 发布结伴
									</a>
								</li>
								<li>
									<a href="userSend.html">
										<i class="glyphicon glyphicon-edit"></i> 我的发布
									</a>
								</li>
								<li>
									<a href="userSet.html">
										<i class="glyphicon glyphicon-cog"></i> 设置
									</a>
								</li>
								<li>
									<a href="#">
										<i class="glyphicon glyphicon-off"></i> 退出
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				<!-- navbar end -->
			</div>
		</div>
		<!-- header end -->
		<!-- title start -->
		<div class="clear-padding title-img" style="background-image: url(img/jieban/temp.jpeg);height: 280px;">
			<div class="show-title container">
                <div class="title-info">国庆7天甘南游，旅程因有你而精彩</div>
		    </div>
		</div>
		<!-- title end -->

		<!-- content start -->
		<div class="container" id="a">
			<div class="row" style="margin-top: 30px;">
				<div class="col-xs-8 jieban">
					<h3 class="jieban-title">国庆7天甘南游，旅程因有你而精彩</h3>
					<ul class="list-unstyled jieban-info">
						<li>出发地：兰州</li>
						<li>出发时间：2017-10-01</li>
						<li>目的地：四川|青海|甘肃|甘南</li>
						<li>大约：7天</li>
						<li>希望人数：6人</li>
						<li>
							发布人：
							<div class="user">
				                <span class="avatar">
				                	<img src="img/userImg/user01.jpeg">
				                </span>
				                <span class="name">沧海一粟</span>
				            </div>
						</li>
					</ul>
					<h3 class="jieban-title">结伴描述</h3>
					<p class="jieban-detail">
						我们两个人，国庆期间打算环线游甘南，走最经典的路线，途径拉卜楞寺、郎木寺、黄河第一湾、年保玉则、西索民居、色达等。现在希望寻找两人及以上一起自驾和包车。我们中有一个司机，如果可以再找到一个司机可以一起租车从兰州走，费用会比包车少。不然一起包车也可以。具体的线路和景点可以一起商量。下面的行程是马蜂窝看到的产品路线和介绍，和我们目前定的实际行程可能有出处。有意的朋友可以再咨询。
					</p>
					<h3 class="jieban-title">我要报名</h3>
					<div class="jieban-from">
						<div class="panel-body mod-publish">
							<div class="bd">
								
								<div class="item item-title">
									<span class="tet">联系电话</span>
									<div class="ui-input">
										<input type="text" class="inp-title" value="">
									</div>
								</div>
								
								<div class="item item-action">
									<button ty
									pe="button" class="btn btn-warning">报名</button>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xs-4">
					<div class="panel-style-heading">
						<em>10</em>&nbsp;人报名
					</div>
					<ul class="list-unstyled list-inline jieban-add-user">
                        <li>
                        	<img src="img/userImg/user01.jpeg">
                        	<div>芝麻</div>
                    	</li>
                    	<li>
                        	<img src="img/userImg/user01.jpeg">
                        	<div>芝麻</div>
                    	</li>
                    	<li>
                        	<img src="img/userImg/user01.jpeg">
                        	<div>芝麻</div>
                    	</li>
                    	<li>
                        	<img src="img/userImg/user01.jpeg">
                        	<div>芝麻</div>
                    	</li>
                    	<li>
                        	<img src="img/userImg/user01.jpeg">
                        	<div>芝麻</div>
                    	</li>
                    	<li>
                        	<img src="img/userImg/user01.jpeg">
                        	<div>芝麻</div>
                    	</li>
                    	<li>
                        	<img src="img/userImg/user01.jpeg">
                        	<div>芝麻</div>
                    	</li>
                    	<li>
                        	<img src="img/userImg/user01.jpeg">
                        	<div>芝麻</div>
                    	</li>
                    	<li>
                        	<img src="img/userImg/user01.jpeg">
                        	<div>芝麻</div>
                    	</li>
                    	<li>
                        	<img src="img/userImg/user01.jpeg">
                        	<div>芝麻</div>
                    	</li>
                    </ul>
				</div>
			</div>

			<!-- fiex btn start-->
			<div class="mfw-toolbar">
				<div class="toolbar-item-top">
					<a href="#a" role="button" class="btn">
						<i class="glyphicon glyphicon-chevron-up"></i>
					</a>
				</div>
			</div>
			<!-- fiex btn end-->
		</div>
		<!-- content end-->

		<!-- footers start -->
		<div class="footers">
			版权所有：南京网博 &nbsp; &nbsp; BY:chw0564
		</div>
		<!-- footers end -->

	</body>

</html>